var d=0;    //鼠标当前点
var z=0     //之前点下标
var time=0   //存放定时函数
//鼠标滑动到页面显示出左右切换按钮，鼠标离开页面隐藏左右切换按钮
$(".banner").hover(function() {
    $(".but").css("display","block");
},function() {
    $(".but").css("display", "none");
})
$(".but").hover(function() {
    clearInterval(time);
},function(){
    time=setInterval("turnRight()",2000);
})
$(".buttom ul li").hover(function() {
    clearInterval(time);
},function(){
    time=setInterval("turnRight()",2000);
})
function turnRight(){
    d++;
    if(d>2)
        d=0;
    $(".pic ul li").eq(z).animate({left:"-100%"},300);
    $(".pic ul li").eq(d).css("left","100%");
    $(".pic ul li").eq(d).animate({left:"0px"},300);
    z=d;
    $(".buttom ul li").eq(d).addClass("bg").siblings().removeClass("bg");
}
function turnLeft(){
    d--;
    if(d<0)
        d=2;
    $(".pic ul li").eq(z).animate({left:"-100%"},300);
    $(".pic ul li").eq(d).css("left","100%");
    $(".pic ul li").eq(d).animate({left:"0px"},300);
    z=d;
    $(".buttom ul li").eq(d).addClass("bg").siblings().removeClass("bg");
}
//鼠标点击到li进行切换
$(".buttom ul li").click(function(){
    d=$(this).index();
    $(".buttom ul li").eq(d).addClass("bg").siblings().removeClass("bg");
    //当前点d大于之前点z往左切
    if(d>z)
    {
        $(".pic ul li").eq(z).animate({left:"-100%"},300);
        $(".pic ul li").eq(d).css("left","100%");
        $(".pic ul li").eq(d).animate({left:"0px"},300);
        z=d;
    }
    //当前点d小雨之前点z往右切
    else if(d<z)
    {
        $(".pic ul li").eq(z).animate({left:"100%"},300);
        $(".pic ul li").eq(d).css("left","-100%");
        $(".pic ul li").eq(d).animate({left:"0px"},300);
        z=d;
    }
})
$(".right").click(function(){
    turnRight();
})
$(".left").click(function(){
    turnLeft();
})
time=setInterval("turnRight()",4000)